// 星座的宽和高
var liWidth=parseInt($('.xz_my ul li').css("width"));
console.log($('.xz_my ul li').css("width"));
var liHeight=liWidth*1.115+'px';
console.log(liHeight);
$('.xz_my ul li').css({"height":liHeight});
var suoWidth1=liWidth*0.664+'px';
var suoWidth2=liWidth*0.344+'px';
$('.xz_my ul li a img:nth-child(1)').css({"width":suoWidth1});
$('.xz_my ul li a img:nth-child(2)').css({"width":suoWidth2});
// 锁的宽和高

// 星座解锁过程
$('.xz_my ul').on('click','li:eq(0)',function(){
	var isOpen=0;
	console.log($(this).index());
    if(isOpen==1){
        $('.xz_describe').fadeIn();
    }else{
    	console.log($(this).children());
    	$('.xz_mask').css({"display":"block"});
    	$(".xz_open a").click(function(){
    		$('.xz_mask').css({"display":"none"});
    		setTimeout(function(){
    			console.log(12);
	    		$('.xz_my ul li:eq(0)').children().eq(2).children().eq(0).toggleClass('xz_rotateLeft');
		    	$('.xz_my ul li:eq(0)').children().eq(2).children().eq(1).toggleClass('xz_rotateRight');
		    	$('.xz_my ul li:eq(0)').children().eq(2).fadeOut();
		        $('.xz_my ul li:eq(0)').children().eq(0).css({"display":"none"});
		    	$('.xz_my ul li:eq(0)').children().eq(1).css({"display":"block"});
	    		},200);
    	});
    	
    }
});
$('.xz_my ul').on('click','li:eq(1)',function(){
	var isOpen=0;
	console.log($(this).index());
    if(isOpen==1){
        $('.xz_describe').fadeIn();
    }else{
    	console.log($(this).children());
    	$('.xz_mask').css({"display":"block"});
    	$(".xz_open a").click(function(){
    		$('.xz_mask').css({"display":"none"});
    		setTimeout(function(){
    			console.log(12);
	    		$('.xz_my ul li:eq(1)').children().eq(2).children().eq(0).toggleClass('xz_rotateLeft');
		    	$('.xz_my ul li:eq(1)').children().eq(2).children().eq(1).toggleClass('xz_rotateRight');
		    	$('.xz_my ul li:eq(1)').children().eq(2).fadeOut();
		        $('.xz_my ul li:eq(1)').children().eq(0).css({"display":"none"});
		    	$('.xz_my ul li:eq(1)').children().eq(1).css({"display":"block"});
	    	},200);
    	});    	
    }
});

// 星座描述弹出框
$('.xz_txt h4 span').click(function(){
	$(this).parent().parent().parent().fadeOut();
});